@CHARSET "UTF-8";

@charset "utf-8";
/* -----------搜灵感 站酷-----------------------
pass.css
通行证样式
pass.css file for zcool
Copyright H-ui Inc.
http://www.zcool.com.cn/
date:2014.3.18
Created & Modified by guojunhui.
----------------------------------------------*/
/*1 重定义浏览器默认样式
	Name:			style_reset
	Level:			Global
	Explain:		重定义浏览器默认样式
	Last Modify:	jackying
*/
* {
	word-wrap: break-word
}

html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset
	{
	margin: 0;
	padding: 0
}

ul,ol,dl {
	list-style-type: none
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

input,button {
	overflow: visible;
	vertical-align: middle
}

body,th,td,button,input,select,textarea {
	font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue",
		Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei",
		"\5B8B\4F53";
	font-size: 12px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased
}

input,button,textarea,select {
	*font-size: 100%;
	line-height: 1.2;
	outline: none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

a {
	text-decoration: none;
	outline: none
}

a:hover {
	text-decoration: underline
}

a.ie6:hover {
	zoom: 1
}

a:focus {
	outline: none;
}

a:hover,a:active {
	outline: 0
}

:focus {
	outline: none
}

a.hidefocus {
	outline: none;
} /*无轮廓*/
area {
	outline: none;
	blr: expression(this.onFocus = this.blur () )
}

sub,sup {
	vertical-align: baseline
}

/*img*/
img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

a img,img {
	-ms-interpolation-mode: bicubic
}
/*IE下a:hover 背景闪烁*/
html {
	zoom: expression(function(ele){ele.style.zoom=  "1";
	document
	.execCommand("BackgroundImageCache",false,true)
}

(
this
))
}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend
	{
	display: block;
	margin: 0;
	padding: 0
}

time {
	display: inline
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not ([controls] ){
	display: none
}

legend {
	width: 100%;
	border: 0;
}

legend small {
	font-size: 15px;
	color: #999
}

svg:not (:root ) {
	overflow: hidden
}

fieldset {
	border-width: 0;
	padding: 0.35em 0.625em 0.75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0
}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.cl,.clearfix {
	zoom: 1
}

body {
	background-color: #f4f4f4;
	color: #333
}

a {
	color: #a3a3a3
}

a:hover {
	color: #3789ee
}

.c-main,a.c-main {
	color: #ffba00
}

.c-666,a.c-666 {
	color: #666
}

.hide {
	display: none;
}

.hide.active {
	display: inherit;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.vm>* {
	display: inline-block;
	vertical-align: middle;
}

.pipe {
	font-size: 12px;
	padding: 0 5px;
	color: #e2e2e2
}

/*字体字号*/
.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.f26 {
	font-size: 26px;
}

.f30 {
	font-size: 30px;
}

.f36 {
	font-size: 36px;
}

.l16 {
	line-height: 16px
}

.l18 {
	line-height: 18px
}

.l20 {
	line-height: 20px
}

.l22 {
	line-height: 22px
}

.l24 {
	line-height: 24px
}

.l26 {
	line-height: 26px
}

.l28 {
	line-height: 28px
}

.l30 {
	line-height: 30px
}

/*宽度*/
.w400 {
	width: 400px;
}

/*边距填充*/
.p5 {
	padding: 5px;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr30 {
	padding-right: 30px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl30 {
	padding-left: 30px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml50 {
	margin-left: 50px;
}

/*css3圆角*/
.radius {
	-khtml-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
/*css3阴影*/
.box_shadow {
	background-color: #fff;
	border: solid 1px #ddd\9;
	box-shadow: 1px 1px 2px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px 2px #ddd;
	-moz-box-shadow: 1px 1px 2px 2px #ddd
}
/*3.4 表单
	Name:			style_form
	Example:		
	Explain:		

*/
.container,.wp {
	margin-left: auto;
	margin-right: auto;
	text-align: left
}

.wp {
	width: 1082px;
}

.Huiform legend,.maintitle {
	font-size: 26px;
	color: #333;
	font-weight: normal
} /*表单名称*/
.formRow {
	margin-top: 20px;
} /*表单行*/
.formRow:before,.formRow:after {
	content: " ";
	display: table
}

.uk-form-row:after {
	clear: both
} /*解决表单行内部浮动bug*/
label {
	display: block;
	color: #555
} /*表单标题*/
.formControls {
	position: relative;
} /*表单控制区*/
.placeholder {
	color: #c6c6c6;
	cursor: text;
	position: absolute;
	left: 20px;
	top: 10px
} /*表单默认值*/
/*验证码*/
.verifyCode {
	position: absolute;
	z-index: 2;
	left: 342px;
	top: 9px;
	cursor: pointer
}
/*更改[刷新]验证码*/
.verifyCodeChange {
	position: absolute;
	z-index: 2;
	left: 482px;
	top: 5px;
	display: block;
	width: 44px;
	height: 42px;
	cursor: pointer;
	background: url(../images/btn_Refresh.png) no-repeat 0 0
}

.verifyCodeChange:hover {
	background-position: right 0
}
/*手机验证码*/
.verifyCodeSend {
	position: absolute;
	left: 350px;
	top: 0px;
}
/*表单统一字体*/
label,.placeholder,.input_text,.textarea {
	font-size: 24px;
}

.Huiform-horizontal label {
	float: left;
	width: 200px;
	margin-top: 10px;
	cursor: text
}

.Huiform-horizontal input,.Huiform-horizontal textarea,.Huiform-horizontal select
	{
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	vertical-align: middle;
	*zoom: 1
}

.Huiform-horizontal .formControls {
	margin-left: 215px;
}

/*默认表单状态*/
.input_text,.textarea {
	border: solid 1px #c4c3c3;
	background-color: #f9f9f9;
	color: #333;
	padding: 11px 18px;
	-webkit-box-shadow: inset 0 2px 2px #e8e7e7;
	-moz-box-shadow: inset 0 2px 2px #e8e7e7;
	box-shadow: inset 0 2px 2px #e8e7e7;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
/*得到焦点后*/
.input_text.focus,.textarea.focus {
	background-color: #fff;
	border-color: #ffd100; /*边框颜色*/
	/*内阴影*/
	-webkit-box-shadow: 0 2px 5px #ededed;
	-moz-box-shadow: 0 2px 5px #ededed;
	box-shadow: 0 2px 5px #ededed;
}
/*表单错误*/
.Validform_error {
	background-color: #f7ecec;
	border-color: #ef392b;
	color: #c00;
}

/*设置placeholder颜色*/
::-webkit-input-placeholder {
	color: #c6c6c6;
} /* WebKit browsers */
:-moz-placeholder {
	color: #c6c6c6;
} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {
	color: #c6c6c6;
} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {
	color: #c6c6c6;
} /* Internet Explorer 10+ */

/*提示信息*/
.Validform_checktip {
	margin-left: 10px;
}

.Validform_wrong,.Validform_right,.Validform_warning {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 25px;
	line-height: 20px
}
/*警告提示*/
.Validform_warning {
	background: url(../images/icon_warning_s.png) no-repeat 0 center;
	color: #777
}
/*错误提示*/
.Validform_wrong {
	background: url(../images/icon_error_s.png) no-repeat 0 center;
	color: #ef392b;
}
/*正确提示*/
.Validform_right {
	background: url(../images/icon_right_s.png) no-repeat 0 center;
}

/*密码等级*/
.passwordStrength b {
	font-weight: normal;
}

.passwordStrength b,.passwordStrength span {
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
	line-height: 18px\9;
	height: 16px;
}

.passwordStrength span {
	width: 57px;
	text-align: center;
	background-color: #d0d0d0;
	border-right: 1px solid #fff;
}

.passwordStrength .last {
	border-right: none;
}

.passwordStrength .bgStrength {
	color: #fff;
	background-color: #fcc900;
}

#Validform_msg {
	font-size: 14px;
	width: 300px;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
	background: #fff;
	position: absolute;
	top: 0px;
	right: 50px;
	z-index: 99999;
	display: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135,
		Color='#999999' );
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}

#Validform_msg .iframe {
	position: absolute;
	left: 0px;
	top: -1px;
	z-index: -1;
}

#Validform_msg .Validform_title {
	font-size: 20px;
	padding: 10px;
	text-align: left;
	color: #fff;
	position: relative;
	background-color: #fcc900;
}

#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited
	{
	position: absolute;
	right: 8px;
	top: 6px;
	color: #fff;
	text-decoration: none;
	font-family: Verdana
}

#Validform_msg a.Validform_close:hover {
	color: #fff;
}

#Validform_msg .Validform_info {
	padding: 10px;
	border: 1px solid #bbb;
	border-top: none;
	text-align: left;
}
/*
	.passLevel{ display:inline-block; width:173px; height:33px; background:url(../images/passLevel.png) no-repeat 0 0;vertical-align:middle;}
	.passLevel_1{ background-position: 0 0}
	.passLevel_2{ background-position: 0 -40px}
	.passLevel_3{ background-position: 0 -80px}*/

/*4.1.1 按钮
	Name:			style_button
	Example:		<button class="btn btn-primary" type="button">按钮</button>
	Explain:		btn-primary：主要/btn-info：信息/btn-success：成功/btn-warning：警告/btn-danger：危险/btn-inverse：反向/btn-link：链接

*/
.btn,a.btn {
	padding: 3px 10px;
	cursor: pointer;
	border: 0 none;
	outline: none;
	font-size: 14px;
	background-color: #eee;
	text-align: center;
	border-radius: 4px;
	*zoom: 1;
	color: #282828
}

.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled],a.btn:hover,a.btn:focus,a.btn:active,a.btn.active,a.btn.disabled,a.btn[disabled]
	{
	color: #282828;
	text-decoration: none;
	background-color: #ddd
}

.btn:first-child {
	*margin-left: 0
}

.btn:hover,.btn:focus {
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear
}

.btn.active,.btn:active {
	outline: none;
}

/*成功*/
.btn-success,a.btn-success {
	color: #282828;
}

 /* .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled],a.btn-success:hover,a.btn-success:focus,a.btn-success:active,a.btn-success.active,a.btn-success.disabled,a.btn-success[disabled]
	{
	background-color: #ffa800;
}  */

/*块级按钮*/
.btn-block,a.btn-block {
	-moz-box-sizing: border-box;
	display: block;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.UCform .input_text,.UCform .textarea {
	width: 496px;
}

.UCform .btn-block {
	width: 534px;
}

/*按钮尺寸*/
.btn-large,a.btn-large {
	padding: 12px 20px;
	font-size: 22px;
}

.btn-mid {
	width: 180px;
	padding: 15px;
	font-size: 22px;
}

/*禁用状态*/
.disabled,a.disabled {
	cursor: default;
	background-image: none;
	opacity: .65;
	filter: alpha(opacity = 65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.header {
	height: 98px;
	width: 100%
}

.logo {
	display: block;
	width: 224px;
	height: 98px;
	cursor: pointer;
	text-indent: -9999em;
	background: url(../images/logo.png) no-repeat 0 center;
}

.loginBar {
	padding-top: 34px;
	color: #000
}

.formWraper {
	background-color: #fff;
	padding: 45px;
	padding-bottom: 120px;
	min-height: 560px;
}

.otherlogin {
	margin-top: 60px
}

.login_sinawb,.login_Twb {
	display: inline-block;
	width: 167px;
	height: 44px;
	cursor: pointer;
	background: url(../images/btnBar.png) no-repeat 0 -543px;
	text-indent: -9999em;
}

.login_Twb {
	width: 132px;
	background-position: -234px -543px;
	margin-left: 65px
}

.footernav {
	padding: 35px 0;
	background-color: #f4f4f4;
	text-align: center;
	color: #b4b4b4;
	font-size: 22px;
}

.footernav a {
	color: #b4b4b4;
}

.footernav a:hover {
	color: #787878;
	text-decoration: none
}

.footer {
	text-align: center;
	padding: 30px 0px;
	color: #afafaf
}

.bottominfo {
	padding: 35px;
	background-color: #f4f4f4;
	color: #a3a3a3;
}

.verifyEmailBox {
	text-align: center
}

.verifyEmail {
	padding-left: 124px;
	min-height: 110px;
}

.icon-right {
	display: inline-block;
	width: 64px;
	height: 65px;
	background: url(../images/icon_right_b.png) no-repeat center
}

.icon-mail {
	display: inline-block;
	width: 64px;
	height: 43px;
	background: url(../images/icon-mail.png) no-repeat center
}

.icon-error {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url(../images/icon_error_b.png) no-repeat center
}

.l {
	float: left !important;
	_display: inline
}

.r {
	float: right !important;
	_display: inline
}

/*弹出层*/
.modal-open {
	overflow: hidden;
} /*当弹出层出现时，隐藏body右侧滚动条*/
/*全屏遮罩层*/
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1040;
	background-color: #000;
} /*默认遮罩层，全屏黑色*/
* html .modal-backdrop {
	position: absolute;
	left: expression(documentElement.scrollLeft +   documentElement.clientWidth -
		  this.offsetWidth);
	top: expression(documentElement.scrollTop +   documentElement.clientHeight -
		  this.offsetHeight);
} /*解决IE下 遮罩层兼容性*/
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity = 0);
} /*遮罩层失去时，透明度为0*/
.modal-backdrop,.modal-backdrop.fade.in {
	opacity: 0.6;
	filter: alpha(opacity = 60);
} /*遮罩层进入 0.7透明度*/
.modal-scrollable {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
} /*弹出层的最外层，全屏，用户响应点击和滚动*/
.page-overflow {
	margin-right: 16px
}

/*弹出层框架*/
.modal {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 624px;
	margin-left: -312px;
	z-index: 1050;
	overflow: visible;
	background-color: #fff;
	background-clip: padding-box;
	outline: none;
	border: solid 1px #ddd\9;
	box-shadow: 0px 0px 0px 1px #ddd;
	-webkit-box-shadow: 0px 0px 0px 1px #ddd;
	-moz-box-shadow: 0px 0px 0px 1px #ddd
}

.fade.in {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.modal.fade {
	top: -100%;
} /*弹出层进入动画效果，从上而下，0.3秒*/
.modal.fade.in {
	top: 50%;
} /*弹出层进入后居顶距离，配合margin-top负值，实现上下自动居中*/
.modal.modal-overflow.fade.in {
	top: 0px;
} /*如果弹出层高度大于窗口，弹出窗口距顶0像素*/
.loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
} /*Ajax加载数据时loading*/
/*弹出层header区*/
.modal-header {
	height: 0;
	padding: 0 20px;
	position: relative;
}

.modal-header .close {
	position: absolute;
	right: 10px;
	top: 10px;
}

.close {
	display: block;
	width: 42px;
	height: 42px;
	cursor: pointer;
	background: url(../images/icon-close.png) no-repeat 0 0
}

.close:hover {
	background-position: right 0
}

.modal-body {
	overflow-y: visible;
	padding: 40px
} /*内容不限高度，内填充15px，不满意可自行修改*/
.modal-form {
	margin-bottom: 0
} /*弹出层表单*/
.modal .input_text {
	width: 505px;
}

.modal .textarea {
	width: 505px;
	height: 60px;
}

.modal .btn {
	width: 265px;
}
/* 账号安全 */
#accountsafe ul {
	width: 100%;
	height: 55px;
}

#accountsafe li {
	width: 105px;
	cursor: pointer;
	font-size: 26px;
	color: #333;
	font-weight: normal;
	float: left;
	padding-bottom: 12px;
}

#accountsafe .active {
	color: #ffba00;
	border-bottom: 2px solid;
}

.accountsafeBox {
	width: 100%;
	height: 50px;
	font-size: 18px;
}

.accountsafeBox div {
	float: left;
}

.accountsafeBox .cloum1 {
	width: 120px;
}

.accountsafeBox .cloum2 {
	width: 630px;
}

.accountsafeBox .cloum2 span {
	width: 500px;
	display: block;
}

.accountsafeBox .cloum3 {
	width: 110px;
}

.accountsafeBox .cloum4 {
	width: 60px;
	margin-left: 150px;
}

.accountsafeBox .cloum5 {
	width: 410px;
	padding: 12px;
	text-align: center;
}

.accountsafeBox .passwordStrength span {
	width: 100px;
}

.modifyphone_right {
	min-height: 67px;
	margin-left: 190px;
	background: url(../images/icon_right_b.png) no-repeat 0 3px
}

.i_qq {
	background: url(../images/icon_qq.png) no-repeat;
	line-height: 50px;
	padding-left: 70px;
}

.i_sina {
	background: url(../images/icon_sina.png) no-repeat;
	line-height: 50px;
	padding-left: 70px;
}

.c-red {
	color: red;
}

.divline {
	position: absolute;
	height: 300px;
	width: 10px;
	border-right: 1px solid #eee;
	margin-top: 105px;
	margin-left: 660px;
}

#modal-tip {
	border: 10px solid #ddd;
	border-radius: 5px;
}

.modal-tip {
	font-size: 20px;
	text-align: center;
	color: #ffba00;
}